<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>时间</title>
	</head>
	<!--页面注释-->
	<!-- body有个onload事件，在dom树构建完毕后触发 -->
	<!-- /**定时器setInterval（方法名，毫秒数） */ -->
	<body onload="setInterval(getDateTime,1000);">
		<div id="enclok"></div>
		<div id="cnclock"></div>
	</body>
	<script>
	function getDateTime(){	
		//获取当前系统时间
		var date=new Date();
		//获取页面上的div
		var enclock=document.getElementById("enclok");
		enclock.innerText=date;
		enclock.innerHTML="<font color='red'>"+date+"</font>";
		//获取中文时间
		var cnclock=document.getElementById("cnclock");
		var year=date.getFullYear();//获取年份
		var month=date.getMonth()+1;//获取月份，默认从零开始
		var day=date.getDate();//获取日期
		var hours=date.getHours();
		var minute=date.getMinutes();
		var second=date.getSeconds();
		cnclock.innerText=year+"年"+month+"月"+day+"日"
		+hours+"时"+minute+"分"+second+"秒";

		
		
		}

		
			
		
	</script>
</html>
